<html>
<head>
	<style>
		.radio {position: relative;}
		.radio input[type=checkbox] {
			display: none;
		}
		.radio label {padding-left: 20px;}
		.radio label:before {
			content: ""; 
			display: inline-block; 
			width: 15px; 
			height: 15px; 
			position: absolute; 
			left: 0; 
			bottom: 1px;
			background-color: green;
			display: block;
		}
		input[type=checkbox]:checked + label:before {
			background-color: red;
		}
	</style>
</head>
<body>
	<div>
		<div class="radio">  
             <input id="remember_me" type="checkbox" name="remember_me" value="1">  
             <label for="remember_me">This is label</label>
        </div>
	</div>
</body>
</html>